import {debounce} from "common/utils";
import BackTop from "components/content/backTop/BackTop";

export const itemListenerMixin = {
    data() {
        return {
            itemImgListener: null
        }
    },
    mounted() {
        const newRefresh = debounce(this.$refs.scroll.refresh, 100)
        this.itemImgListener = () => {newRefresh()}
        this.$bus.$on('itemImageLoad', this.itemImgListener)
        // console.log("ssasasasa");
    }
}

export const backTopMixin = {
    components: {
        BackTop
    },
    data() {
        return {
            isShowBackTop: false
        }
    },
    methods: {
        backClick() {
            this.$refs.scroll.scrollTo(0,0,300)
        },
        listenShoBackTop(position) {
            this.isShowBackTop = -position.y > 500
        }
    }
}